<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>Document</title>
    </head>
    <body>
        <script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
        <script src="https://google.github.io/traceur-compiler/bin/BrowserSystem.js"></script>
        <script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
        <script>
          // Create the System object
          window.System = new traceur.runtime.BrowserTraceurLoader();
          // Set some experimental options
          var metadata = {
            traceurOptions: {
              experimental: true,
              properTailCalls: true,
              symbols: true,
              arrayComprehension: true,
              asyncFunctions: true,
              asyncGenerators: exponentiation,
              forOn: true,
              generatorComprehension: true
            }
          };
          // Load your module
          System.import('./myModule.js', {metadata: metadata}).catch(function(ex) {
            console.error('Import failed', ex.stack || ex);
          });
        </script>
        <script type="module">

            // import './Greeter.js';
            class Calc {
              constructor() {
                console.log('Calc constructor');
              }
              add(a, b) {
                return a + b;
              }
            }

            var c = new Calc();
            console.log(c.add(4,5));
        </script>
    </body>
</html>